<!-- JSF Core tag library documentation
  -  Copyright (C) 2012, 2013, 2014 Stephane Carrez
  -  Written by Stephane Carrez (Stephane.Carrez@gmail.com)
  -
  -  Licensed under the Apache License, Version 2.0 (the "License");
  -  you may not use this file except in compliance with the License.
  -  You may obtain a copy of the License at
  -
  -      http://www.apache.org/licenses/LICENSE-2.0
  -
  -  Unless required by applicable law or agreed to in writing, software
  -  distributed under the License is distributed on an "AS IS" BASIS,
  -  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  -  See the License for the specific language governing permissions and
  -  limitations under the License.
  -->
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:util="http://code.google.com/p/ada-asf/util"
                xmlns:ajax="http://code.google.com/p/ada-asf/ajax"
                template="/WEB-INF/layouts/layout.xhtml">
    <ui:param name="title" value="Ada Server Faces Examples" />
    <ui:param name="pageStyle" value="sample-jsf-core"/>
    <ui:param name="source_file" value="jsf/core/view.xhtml"/>
    <!-- Main page body -->
    <ui:define name="pageBody">

        <ui:decorate template="/WEB-INF/layouts/example.xhtml">
            <ui:param name="namespace" value='xmlns:f="http://java.sun.com/jsf/core"'/>
            <ui:param name="basename" value="jsf/core"/>
            <ui:param name="compliance" value="JSF 2.0"/>
            <ui:define name="tabs">
                <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
                    <a href="#" onclick="return sample_select(this, 'attribute');">
                        f:attribute
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'convertDateTime');">
                        f:convertDateTime
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'converter');">
                        f:converter
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'facet');">
                        f:facet
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'metadata');">
                        f:metadata
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'param');">
                        f:param
                    </a>
                </li>
                <li class='ui-state-default ui-corner-top'>
                    <a href="#" onclick="return sample_select(this, 'selectItem');">
                        f:selectItem
                    </a>
                </li>
                <li class='ui-state-default ui-corner-top'>
                    <a href="#" onclick="return sample_select(this, 'selectItems');">
                        f:selectItems
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'validateLength');">
                        f:validateLength
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'validateLongRange');">
                        f:validateLongRange
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'validator');">
                        f:validator
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'view-example');">
                        f:view
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'viewAction');">
                        f:viewAction
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top ">
                    <a href="#" onclick="return sample_select(this, 'viewParam');">
                        f:viewParam
                    </a>
                </li>
            </ui:define>
            <ui:define name="doc">
                <ajax:include src="/jsf/core/doc.xhtml"/>
            </ui:define>
            <ui:define name="example">
                <ajax:include src="/jsf/core/attribute.xhtml"/>
            </ui:define>
            <ui:define name="xhtml">
                <ajax:include src="/jsf/core/code.xhtml" async="true"/>
            </ui:define>
            <ui:define name="html">
            </ui:define>
        </ui:decorate>

    </ui:define>
    <ui:define name="pageScript">
        <script type="text/javascript" src="#{contextPath}/js/samples.js"></script>
        <util:flush/>
    </ui:define>
</ui:composition>